<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>手机页面</title>
	<meta name="description" content="品优购JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
	<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购" />
	<!-- 引入favicon.ico 图标 -->
	<link rel="shortcut icon" href="favicon.ico"  type="image/x-icon"/>
	<!-- 引入初始化css文件 -->
	<link rel="stylesheet" href="css/base.css">
	<!-- 引入公共样式的css 文件 -->
	<link rel="stylesheet" href="css/common.css">
	<!-- 引入list列表页css文件 -->
	<link rel="stylesheet" href="css/list.css">
</head>
<body>
	<!-- 顶部快捷导航 start -->
	<div class="shortcut">
		<div class="w">
			<div class="fl">
				<ul>
					<li>品优购欢迎您！</li>
					<li>
						<a href="#">请登录</a>&nbsp;
						<a href="#" class="style-red">免费注册</a>
					</li>
				</ul>
			</div>
			<div class="fr">
				<ul>
					<li><a href="#">我的订单</a></li>
					<li class="spacer"></li>
					<li>
						<a href="#">我的品优购</a>
						<i class="icomoon"></i>
					</li>
					<li class="spacer"></li>
					<li><a href="#">品优购会员</a></li>
					<li class="spacer"></li>
					<li><a href="#">企业采购</a></li>
					<li class="spacer"></li>
					<li>
						<a href="#">关注品优购</a>
						<i class="icomoon"></i>
					</li>
					<li class="spacer"></li>
					<li>
						<a href="#">客户服务</a>
						<i class="icomoon"></i>
					</li>
					<li class="spacer"></li>
					<li>
						<a href="#">网站导航</a>
						<i class="icomoon"></i>
					</li>
					<li class="spacer"></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 顶部导航 end -->

	<!-- header start -->
	<div class="header w">
			<!-- logo	 -->
			<div class="logo">
				<h1>
					<a href="index.html" title="品优购">品优购</a>
				</h1>
			</div>
			<!-- sk -->
			<div class="sk">
				<img src="upload/sk.png" alt="">
			</div>
			<!-- 	search -->
			<div class="search">
				<input type="text" class="text" value="请搜索内容...">
				<button class="btn">搜索</button>
			</div>
			<!-- hotwrods -->
			<div class="hotwrods">
				<a href="#" class="style-red">优惠购首发</a>
				<a href="#">亿元优惠</a>
				<a href="#">9.9元大老李女装照</a>
				<a href="#">满99减30</a>
				<a href="#">办公用品</a>
				<a href="#">手机</a>
				<a href="#">制服黑丝</a>
			</div>
			<!-- shopcar  -->
			<div class="shopcar">
				<i class="car"> </i>
				我的购物车
				<i class="arrow">  </i>
				<i class="count">80000</i>
			</div>
	</div>
	<!-- header end -->

	<!-- nav start -->
	<div class="nav">
			<div class="w">
				<div class="sk-list fl">
					<ul>
						<li><a href="#">品优秒杀</a></li>
						<li><a href="#">超值低价</a></li>
						<li><a href="#">即将售罄</a></li>
					</ul>
				</div>
				<div class="sk-con fl">
					<ul>
						<li><a href="#">女装</a></li>
						<li><a href="#" class="style-red">女鞋</a></li>
						<li><a href="#">男装</a></li>
						<li><a href="#">男鞋</a></li>
						<li><a href="#">母婴童装</a></li>
						<li><a href="#">智能数码</a></li>
						<li><a href="#">食品</a></li>
						<li><a href="#">运动户外</a></li>
						<li><a href="#">更多分类</a></li>
					</ul>
				</div>
			</div>
	</div>
	<!-- nav end -->

	<!-- 内容 start -->
	<div class="sk-container  w">
		<div class="sk-hd">
			<img src="upload/bg_03.png" alt="">
		</div>
		<div class="sk-bd clearfix">
			<ul>
				<li class="sk-goods">
					<a href="detaill.html" target="_blank">
						<img src="upload/mobile.jpg" alt="">
					<h5 class="sk-goods-title">Apple苹果iPhone 11 Pro（大老李限定版）64G 金色 移动联通电信4G手机</h5>
					</a>
					<p class="sk-goods-price"><em>¥8888</em> <del>￥18888</del></p>
					<div class="sk-goods-progress">
						已售<i>87%</i>
						<div class="bar">
							<div class="bar-in"></div>
						</div>
						剩余<em>33</em>件
					</div>
					<a href="#" class="sk-goods-buy">立即抢购</a>
				</li>
				<li class="sk-goods">
					<img src="upload/mobile.jpg" alt="">
					<h5 class="sk-goods-title">Apple苹果iPhone 11 Pro（大老李限定版）64G 金色 移动联通电信4G手机</h5>
					<p class="sk-goods-price"><em>¥8888</em> <del>￥18888</del></p>
					<div class="sk-goods-progress">
						已售<i>87%</i>
						<div class="bar">
							<div class="bar-in"></div>
						</div>
						剩余<em>33</em>件
					</div>
					<a href="#" class="sk-goods-buy">立即抢购</a>
				</li>
				<li class="sk-goods">
					<img src="upload/mobile.jpg" alt="">
					<h5 class="sk-goods-title">Apple苹果iPhone 11 Pro（大老李限定版）64G 金色 移动联通电信4G手机</h5>
					<p class="sk-goods-price"><em>¥8888</em> <del>￥18888</del></p>
					<div class="sk-goods-progress">
						已售<i>87%</i>
						<div class="bar">
							<div class="bar-in"></div>
						</div>
						剩余<em>33</em>件
					</div>
					<a href="#" class="sk-goods-buy">立即抢购</a>
				</li>
				<li class="sk-goods">
					<img src="upload/mobile.jpg" alt="">
					<h5 class="sk-goods-title">Apple苹果iPhone 11 Pro（大老李限定版）64G 金色 移动联通电信4G手机</h5>
					<p class="sk-goods-price"><em>¥8888</em> <del>￥18888</del></p>
					<div class="sk-goods-progress">
						已售<i>87%</i>
						<div class="bar">
							<div class="bar-in"></div>
						</div>
						剩余<em>33</em>件
					</div>
					<a href="#" class="sk-goods-buy">立即抢购</a>
				</li>
				<li class="sk-goods">
					<img src="upload/mobile.jpg" alt="">
					<h5 class="sk-goods-title">Apple苹果iPhone 11 Pro（大老李限定版）64G 金色 移动联通电信4G手机</h5>
					<p class="sk-goods-price"><em>¥8888</em> <del>￥18888</del></p>
					<div class="sk-goods-progress">
						已售<i>87%</i>
						<div class="bar">
							<div class="bar-in"></div>
						</div>
						剩余<em>33</em>件
					</div>
					<a href="#" class="sk-goods-buy">立即抢购</a>
				</li>
				<li class="sk-goods">
					<img src="upload/mobile.jpg" alt="">
					<h5 class="sk-goods-title">Apple苹果iPhone 11 Pro（大老李限定版）64G 金色 移动联通电信4G手机</h5>
					<p class="sk-goods-price"><em>¥8888</em> <del>￥18888</del></p>
					<div class="sk-goods-progress">
						已售<i>87%</i>
						<div class="bar">
							<div class="bar-in"></div>
						</div>
						剩余<em>33</em>件
					</div>
					<a href="#" class="sk-goods-buy">立即抢购</a>
				</li>
				<li class="sk-goods">
					<img src="upload/mobile.jpg" alt="">
					<h5 class="sk-goods-title">Apple苹果iPhone 11 Pro（大老李限定版）64G 金色 移动联通电信4G手机</h5>
					<p class="sk-goods-price"><em>¥8888</em> <del>￥18888</del></p>
					<div class="sk-goods-progress">
						已售<i>87%</i>
						<div class="bar">
							<div class="bar-in"></div>
						</div>
						剩余<em>33</em>件
					</div>
					<a href="#" class="sk-goods-buy">立即抢购</a>
				</li>
				<li class="sk-goods">
					<img src="upload/mobile.jpg" alt="">
					<h5 class="sk-goods-title">Apple苹果iPhone 11 Pro（大老李限定版）64G 金色 移动联通电信4G手机</h5>
					<p class="sk-goods-price"><em>¥8888</em> <del>￥18888</del></p>
					<div class="sk-goods-progress">
						已售<i>87%</i>
						<div class="bar">
							<div class="bar-in"></div>
						</div>
						剩余<em>33</em>件
					</div>
					<a href="#" class="sk-goods-buy">立即抢购</a>
				</li>
				<li class="sk-goods">
					<img src="upload/mobile.jpg" alt="">
					<h5 class="sk-goods-title">Apple苹果iPhone 11 Pro（大老李限定版）64G 金色 移动联通电信4G手机</h5>
					<p class="sk-goods-price"><em>¥8888</em> <del>￥18888</del></p>
					<div class="sk-goods-progress">
						已售<i>87%</i>
						<div class="bar">
							<div class="bar-in"></div>
						</div>
						剩余<em>33</em>件
					</div>
					<a href="#" class="sk-goods-buy">立即抢购</a>
				</li>
				<li class="sk-goods">
					<img src="upload/mobile.jpg" alt="">
					<h5 class="sk-goods-title">Apple苹果iPhone 11 Pro（大老李限定版）64G 金色 移动联通电信4G手机</h5>
					<p class="sk-goods-price"><em>¥8888</em> <del>￥18888</del></p>
					<div class="sk-goods-progress">
						已售<i>87%</i>
						<div class="bar">
							<div class="bar-in"></div>
						</div>
						剩余<em>33</em>件
					</div>
					<a href="#" class="sk-goods-buy">立即抢购</a>
				</li>
				<li class="sk-goods">
					<img src="upload/mobile.jpg" alt="">
					<h5 class="sk-goods-title">Apple苹果iPhone 11 Pro（大老李限定版）64G 金色 移动联通电信4G手机</h5>
					<p class="sk-goods-price"><em>¥8888</em> <del>￥18888</del></p>
					<div class="sk-goods-progress">
						已售<i>87%</i>
						<div class="bar">
							<div class="bar-in"></div>
						</div>
						剩余<em>33</em>件
					</div>
					<a href="#" class="sk-goods-buy">立即抢购</a>
				</li>
				<li class="sk-goods">
					<img src="upload/mobile.jpg" alt="">
					<h5 class="sk-goods-title">Apple苹果iPhone 11 Pro（大老李限定版）64G 金色 移动联通电信4G手机</h5>
					<p class="sk-goods-price"><em>¥8888</em> <del>￥18888</del></p>
					<div class="sk-goods-progress">
						已售<i>87%</i>
						<div class="bar">
							<div class="bar-in"></div>
						</div>
						剩余<em>33</em>件
					</div>
					<a href="#" class="sk-goods-buy">立即抢购</a>
				</li>
			</ul>
		</div>
		<!-- page 分页 -->
		<div class="page">
			<span class="page-num">
				<a href="#" class="pn-prev">&lt;&lt;上一页</a>
				<a href="#">1</a>
				<a href="#" class="current style-red">2</a>
				<a href="#">3</a>
				<a href="#">4</a>
				<a href="#">5</a>
				<a href="#" class="dotted">...</a>
				<a href="#" class="pn-next">下一页&gt;&gt;</a>
			</span>
			<span class="page-skip">
				共20页  到第
				<input type="text" name="" id="">
				页
				<button>确定</button>
			</span>
		</div>
	</div>
	<!-- 内容  end-->
	
	


	<!-- footer start -->
	<div class="footer">
			<div class="w">
				<div class="mod_service">
					<ul>
						<li>
							<i class="mod_service_icon  mod_service1"></i>
							<div class="mod_service_tit">
								<h5>正品保障</h5>
								<p>正品保障，提供发票</p>
							</div>
						</li>
						<li>
							<i class="mod_service_icon  mod_service2"></i>
							<div class="mod_service_tit">
								<h5>正品保障</h5>
								<p>正品保障，提供发票</p>
							</div>
						</li>
						<li>
							<i class="mod_service_icon  mod_service3"></i>
							<div class="mod_service_tit">
								<h5>正品保障</h5>
								<p>正品保障，提供发票</p>
							</div>
						</li>
						<li>
							<i class="mod_service_icon  mod_service4"></i>
							<div class="mod_service_tit">
								<h5>正品保障</h5>
								<p>正品保障，提供发票</p>
							</div>
						</li>
						<li>
							<i class="mod_service_icon  mod_service5"></i>
							<div class="mod_service_tit">
								<h5>正品保障</h5>
								<p>正品保障，提供发票</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="mod_help">
					<dl class="mod_help_item">
			 			<dt>购物指南</dt>
			 			<dd> <a href="#">购物流程 </a></dd>
			 			<dd> <a href="#">会员介绍 </a></dd>
			 			<dd> <a href="#">生活旅行/团购 </a></dd>
			 			<dd> <a href="#">常见问题 </a></dd>
			 			<dd> <a href="#">大家电 </a></dd>
			 			<dd> <a href="#">联系客服 </a></dd>
			 		</dl>
			 		<dl class="mod_help_item">
			 			<dt>购物指南</dt>
			 			<dd> <a href="#">购物流程 </a></dd>
			 			<dd> <a href="#">会员介绍 </a></dd>
			 			<dd> <a href="#">生活旅行/团购 </a></dd>
			 			<dd> <a href="#">常见问题 </a></dd>
			 			<dd> <a href="#">大家电 </a></dd>
			 			<dd> <a href="#">联系客服 </a></dd>
			 		</dl>
			 		<dl class="mod_help_item">
			 			<dt>购物指南</dt>
			 			<dd> <a href="#">购物流程 </a></dd>
			 			<dd> <a href="#">会员介绍 </a></dd>
			 			<dd> <a href="#">生活旅行/团购 </a></dd>
			 			<dd> <a href="#">常见问题 </a></dd>
			 			<dd> <a href="#">大家电 </a></dd>
			 			<dd> <a href="#">联系客服 </a></dd>
			 		</dl>
			 		<dl class="mod_help_item">
			 			<dt>购物指南</dt>
			 			<dd> <a href="#">购物流程 </a></dd>
			 			<dd> <a href="#">会员介绍 </a></dd>
			 			<dd> <a href="#">生活旅行/团购 </a></dd>
			 			<dd> <a href="#">常见问题 </a></dd>
			 			<dd> <a href="#">大家电 </a></dd>
			 			<dd> <a href="#">联系客服 </a></dd>
			 		</dl>
			 		<dl class="mod_help_item">
			 			<dt>购物指南</dt>
			 			<dd> <a href="#">购物流程 </a></dd>
			 			<dd> <a href="#">会员介绍 </a></dd>
			 			<dd> <a href="#">生活旅行/团购 </a></dd>
			 			<dd> <a href="#">常见问题 </a></dd>
			 			<dd> <a href="#">大家电 </a></dd>
			 			<dd> <a href="#">联系客服 </a></dd>
			 		</dl>
			 		<dl class="mod_help_item mod_help_app">
			 			<dt>帮助中心</dt>
			 			<dd>
			 				<img src="upload/LT.png" alt="">
			 				<p>品优购客户端</p>
			 			</dd>
			 			
			 		</dl>
				</div>
				<div class="mod_copyright">
					<p class="mod_copyright_links">
						关于我们 | 联系我们 | 联系客服 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 | 品优购公益 | English Site | Contact U
					</p>
					<p class="mod_copyright_info">
						地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn<br>
						京ICP备08001421号京公网安备110108007702
					</p>
				</div>
			</div>
	</div>
	<!-- footer end -->
</body>
</html>